<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
     <title>判断逻辑练习判断数字正负数</title>
     <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css'>
     <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js'></script>
</head>
<body>
    <input type="text" id="textInput">
    <button id="sure">确定</button>
     <pre class="language-javascript">
        <code style="max-height: 400px;">
            /**
            * 1.一个文本框 一个按钮 输入内容判断
            *   如果正数打印正数 
            *   如果负数打印负数
            *   其余的返回当前为 0 或者 不是字符串
           */

           const sureBtn = document.querySelector('#sure')
           const textInput = document.querySelector('#textInput')

           sureBtn.addEventListener('click',() => {
               let value = textInput.value
               // 先判断当前输入是否是
               checkInput(value)
           })


           function checkInput(value){
               if (value > 0) {
                   console.log('当前输入为正数');
               }else if (value < 0){
                   console.log('当前输入为负数');
               }else {
                   console.log('当前输入为0或者不是字符串');
               }
           }      
        </code>
     </pre>
     <script>
        hljs.highlightAll();
      </script>
     <script>
            /**
             * 1.一个文本框 一个按钮 输入内容判断
             *   如果正数打印正数 
             *   如果负数打印负数
             *   其余的返回当前为 0 或者 不是字符串
            */

            const sureBtn = document.querySelector('#sure')
            const textInput = document.querySelector('#textInput')

            sureBtn.addEventListener('click',() => {
                let value = textInput.value
                // 先判断当前输入是否是
                checkInput(value)
            })


            function checkInput(value){
                if (value > 0) {
                    console.log('当前输入为正数');
                }else if (value < 0){
                    console.log('当前输入为负数');
                }else {
                    console.log('当前输入为0或者不是字符串');
                }
            }
     </script>
</body>
</html>